<template>
  <Menu
    mode="horizontal"
    :theme="theme1"
  >
    <MenuItem
      name="1"
      to="/"
    >
    <Icon type="ios-paper" />
    首页
    </MenuItem>
    <MenuItem
      name="2"
      to="/article"
    >
    <Icon type="ios-people" />
    热门
    </MenuItem>
    <Submenu name="3">
      <template slot="title">
        <Icon type="ios-stats" />
        找到我
      </template>
      <MenuItem name="3-1">github</MenuItem>
      <MenuItem name="3-2">码云</MenuItem>
      <MenuItem name="3-3">微博</MenuItem>
      <MenuItem name="3-4">微信</MenuItem>
      <MenuItem name="3-5">QQ</MenuItem>
    </Submenu>
    <MenuItem
      name="4"
      to="/resume"
    >
    <Icon type="ios-construct" />
    简历
    </MenuItem>
    <MenuItem
      name="5"
      to="/ue"
    >
    <Icon type="ios-construct" />
    富文本测试
    </MenuItem>
    <div>
      <div style="float: right">
        <a
          style="color: white"
          @click="register()"
        >注册</a>
      </div>
      <div style="float: right">
        <a
          style="color: white"
          @click="login()"
        >登录</a>
        <Divider type="vertical" />
      </div>
    </div>
  </Menu>
</template>
<script>
export default {
  data () {
    return {
      theme1: 'dark'
    }
  },
  methods: {
    login () {
      this.$router.push({ path: '/login' })
    },
    register () {
      this.$router.push({ path: '/register' })
    }
  }
}
</script>
<style scoped>
</style>
